<template>
  <div class="coupon">
    <span class="desc">立即注册，享30元抵扣券</span>
    <router-link :to="{ name: 'login' }">
      <span class="action">立即登录 / 注册</span>
    </router-link>
  </div>
</template>

<style lang="less" scoped>
.coupon {
  height: 40px;
  margin: 0 17px;
  background: linear-gradient(to right, #1E6CF4, #3E8FFE);
  border-radius: 15px 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  padding: 0 15px;

  .desc {
    font-size: 15px;
  }

  .action {
    font-size: 13px;
  }

  span {
    color: #ffffff;
  }
}
</style>